<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>我的购物袋，购物车-科颜氏Kiehl's中国官方网站</title>
    <link rel="shortcut icon" href="./img/favicon.ico" />
    <link rel="stylesheet" href="./css/cart.css">
    <script src="./js/apiData.js"></script>
    <script
        src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>
    <link rel="stylesheet" href="../swiper/swiper.min.css" />
    <script src="../swiper/swiper.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <link rel="stylesheet" href="./css/headList.css" />
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/footer.css">

</head>

<body>
    <div class="headModule">
        <div class="header">
            <div class="head-top">
                <div class="left">
                    <div class="nav-menu">
                        <div class="menu-item">
                            <p class="title">订阅电子杂志</p>
                            <div class="menuHover">
                                <div class="label">获取科颜氏最新资讯</div>
                                <form>
                                    <input type="text" placeholder="请输入您的电子邮箱" />
                                    <div class="black-btn">订阅~</div>
                                </form>
                                <div class="check-box">
                                    <input type="checkbox" />
                                    <p>
                                        我同意依照本
                                        <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                                            class="link-text">使用条款</a>和<a
                                            href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                                            class="link-text">隐私政策</a>
                                        对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该
                                        <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                                            class="link-text">使用条款</a>
                                        和
                                        <a href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                                            class="link-text">隐私政策</a>
                                        的内容。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item">
                            <p class="title">客服中心</p>
                            <div class="menuHover">
                                <div class="routine-finder">
                                    <div class="flex-box">
                                        <div class="popup-left">
                                            <span class="iconfont icon-dianhuarexian"></span>
                                        </div>
                                        <div class="popup-right">
                                            <div class="phone-info">
                                                <div class="label">客服热线</div>
                                                <span>400-820-5433</span>
                                            </div>
                                            <a href="" class="questions">
                                                常见问题
                                                <span class="iconfont icon-youjiantou"></span>
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="menu-item">
                            <p class="title">
                                <span class="icon-weizhi iconfont"></span>
                            </p>
                        </div>
                        <div class="menu-item">
                            <p class="title">
                                <span class="iconfont icon-weixin"></span>
                            </p>
                            <div class="menuHover">
                                <div class="wechat-box">
                                    <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                                        class="wechatQR">
                                    <div class="wechat-text sans-serif">
                                        <span class="title">扫码关注</span>
                                        <span class="sub-title">科颜氏官方微信</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="routine-finder">
                            <p class="title">选择适合您的护肤品</p>
                        </div>
                    </div>
                </div>
                <div class="logo">
                    <img
                        src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/Logo_d77de5fa-f810-4a5f-ab87-3978a6f483b5/Logo.png">
                </div>
                <div class="right">
                    <div class="account-section">
                        <div class="user-section">
                            <div class="user"><span>登录</span>
                            </div>

                        </div>
                        <div class="user-cart">
                            <span class="iconfont icon-gouwudai101"></span>
                            <span class="shopping-text">购物袋</span>
                            <span>(0)</span>
                            <div class="mini-cart popup-with-triangle">
                                <div class="mini-cart-wrap">
                                    <div class="left-wrap">
                                        <div class="empty">
                                            <p class="empty-title">您的购物车为空</p>
                                            <a>
                                                <p class="go-shopping">立即选购您喜欢的商品</p>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="right-wrap">
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                                                    alt="">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏高保湿霜</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥315 - ¥580</p>
                                            </div>
                                        </div>
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img src="https://ecuniplatform-static.kiehls.com.cn/medias/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U_e7bfd07e9c8543f68a8383b263ab651b/PRODUCT_150_150/RATIO/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U.jpg"
                                                    alt="">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏金盏花爽肤水</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥340 - ¥570</p>
                                            </div>
                                        </div>
                                        <div class="product-item">
                                            <div class="product-image">
                                                <img
                                                    src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_12-CCDS%E5%AE%89%E7%99%BD%E7%93%B6-30ML_F7681100U.jpg">
                                            </div>
                                            <div class="product-detail">
                                                <p class="product-name">科颜氏新集焕白均衡亮肤淡斑精华液</p>
                                                <div class="heart-main">
                                                    <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                                                </div>
                                                <p class="product-price">¥540 - ¥1300</p>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="search-section">
                        <div class="nav-item">查看所有产品</div>
                        <div class="nav-item no-border">先试后买计划</div>
                        <div class="nav-item no-border search-box">
                            <input placeholder="高保湿霜">
                            <div class="search-btn">
                                <span class="iconfont icon-sousuo"></span>
                            </div>
                            <div class="el-row">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav>
        <ul class="headList"></ul>
        <div class="headList_layer_2"></div>
        <div class="headList_layer_2_title"></div>
        <div class="headList_layer_3"></div>
        <div class="kiehls_text"></div>
    </nav>
    </div>
    </div>
    <!-- 左边固定图片 -->
    <div class="ball-page">
        <img src="https://ecuniplatform-static.kiehls.com.cn/medias/高保湿霜_225fda49b8f04754a1b7b839b7f80d71/高保湿霜.png"
            class="icon">
    </div>
    <!-- 右侧固定内容 -->
    <div class="nav-roll">
        <div class="service-tel sans-serif">
            客服<br>电话
            <div class="telephone-box">
                <div class="phone-info">
                    <span class="iconfont icon-dianhuarexian"></span>
                    <p>咨询热线</p>
                    <p>400-820-5433</p>
                </div>
            </div>
        </div>
        <div class="customer-online sans-serif">
            在线<br>咨询
        </div>
    </div>
    <!-- 回到顶部按钮 -->
    <div class="go-top LiHover">
        <span>置顶 ⬆</span>
    </div>

    <script src="./js/headList.js"></script>


    <div class="cart">
        <div class="cart-content">
            <div class="cart-wrap">
                <div class="cart-wrap-left">
                    <div class="cart-title">
                        <h1 class="title-left">我的购物车</h1>
                        <div class="title-right percent"><a href="index.html" class="shopping-contiue">&lt;
                                继续购物</a><button class="settle disable"><span class="settle-text">立即结算</span></button>
                        </div>
                    </div>
                    <div class="cart-products">
                        <div class="product-list">
                            <div class="product-title">
                                <span class="no"><input class="checkAll" type="checkbox">全选</span>
                                <span class="product">产品</span>
                                <span class="quantity">数量</span>
                                <span class="price">价格</span>
                            </div>
                        </div>
                    </div>
                    <div class="cart-cativity">
                        <h3 class="activity-title">
                            <span>官网常规促销活动</span>
                        </h3>
                    </div>
                    <div class="cart-promotion">
                        <div class="left-wrap">
                            <label class="coupon-label">促销代码</label>
                            <div class="coupon-input-container">
                                <input id="couponCode" name="couponCode" class="coupon-input">
                                <button class="coupon-submit"> 提交 </button>
                            </div>
                            <div class="coupon-list"></div>
                        </div>
                        <div class="right-wrap">
                            <div class="content">
                                <div class="product-price"><span>产品价格</span><span>¥ <span
                                            class="all-price">0</span></span></div>
                                <div class="product-price"><span>优惠金额</span><span>¥ 0</span></div>
                                <div class="product-price"><span>运费</span><span>¥ 0</span></div>
                                <div class="total-price"><span>总价</span><span>¥ <span
                                            class="all-price">0</span></span></div>
                                <div class="total-price" style="border-bottom: 1px solid #e7e7e7;border-top: 0;">
                                    <span>数量</span><span><span class="all-num">0</span> 件</span>
                                </div>
                                <div class="title-right full"><a href="index.html" class="shopping-contiue">&lt;
                                        继续购物</a><button class="settle"><span class="settle-text">立即结算</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cart-wrap-right">
                    <div class="free-feright">
                        <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/kiehls-k-03-cart_651a1246-5ad4-41ca-b80d-ec87225289ac/kiehls-k-03-cart.png"
                            alt="">
                        <div class="explain">
                            <p class="free">优质送货服务</p>
                            <p class="content"> 购物满100元免运费 </p>
                        </div>



                    </div>

                    <div class="best-seller-v">
                        <h2 class="recommendation-title">
                            <span>热销产品推荐</span>
                        </h2>
                        <div class="product-list">
                            <div>
                                <div class="common-product-card-c">
                                    <div>
                                        <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                                            alt="">

                                    </div>
                                    <div class="product-info">
                                        <p class="product-name">
                                            科颜氏高保湿霜
                                        </p>
                                        <span class="heart">♥ ♥ ♥ ♥ ♥</span>
                                        <div class="product-price">
                                            ¥315 - ¥580
                                        </div>
                                        <div class="product-actions">
                                            <button>
                                                <span>立即购买</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="common-product-card-c">
                                    <div>
                                        <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                                            alt="">

                                    </div>
                                    <div class="product-info">
                                        <p class="product-name">
                                            科颜氏高保湿霜
                                        </p>
                                        <span class="heart">♥ ♥ ♥ ♥ ♥</span>
                                        <div class="product-price">
                                            ¥315 - ¥580
                                        </div>
                                        <div class="product-actions">
                                            <button>
                                                <span>立即购买</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="common-product-card-c" style="border-bottom: 0;">
                                    <div>
                                        <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                                            alt="">

                                    </div>
                                    <div class="product-info">
                                        <p class="product-name">
                                            科颜氏高保湿霜
                                        </p>
                                        <span class="heart">♥ ♥ ♥ ♥ ♥</span>
                                        <div class="product-price">
                                            ¥315 - ¥580
                                        </div>
                                        <div class="product-actions">
                                            <button>
                                                <span>立即购买</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="help">
                        <div class="help-guide">
                            <h3 class="section-header">购物帮助指南</h3>
                            <div class="help-links">
                                <p class="online-link">科颜氏在线咨询 &gt;</p>
                                <p class="hot-link">400-820-5433</p>
                            </div>
                            <div class="security_badges">
                                <h3>支付安全保障</h3><span class="subTitle">安全支付系统采用SSL加密</span>
                                <div class="payment-methods"></div>
                            </div>
                            <div class="shipping-methods">
                                <h3>全国配送</h3>
                                <p class="delivery-methods"><span>快递可至全国各地（顺丰，申通）</span></p>
                                <p class="delivery-date"><span>快递2至6日正常送达全国</span>
                                </p>
                            </div>
                        </div>
                        <div class="content-asset">
                            <a>关于订单&gt;</a>
                            <a>关于退换货&gt;</a>
                            <a>条款和协议&gt;</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <script>
        let uid = localStorage.getItem("uid");
        loadCartList();
        function loadCartList() {
            let uid = localStorage.getItem("uid");
            const cartListAPI = "http://jx.xuzhixiang.top/ap/api/cart-list.php";
            $.ajax({
                type: "get",
                url: cartListAPI,
                data: {
                    id: uid,
                },
                success: function (res) {
                    // console.log($(res.data));
                    let resArr = res.data.map((v) => {
                        // console.log(v);
                        let reg = /(.+)<br>(.+)/
                        reg.test(v.pdesc)
                        let arr = reg.exec(v.pdesc)
                        // console.log(RegExp.$1);
                        // console.log(RegExp.$2);
                        let name = RegExp.$1
                        let ml = RegExp.$2
                        // console.log(name, ml);
                        return `
                        <div>
                                <div class="product-item">
                                    <div class="image">
                                        <div class="image-select">
                                            <input type="checkbox" class="el-checkbox__original" value="" onchange="selectChange(this,window.event,${v.pid})">
                                        </div>
                                        <div class="image-wrap">
                                            <img class="img"
                                                src="${v.pimg}"
                                                alt="">
                                        </div>
                                    </div>
                                    <div class="detail">
                                        <p class="info">
                                            <span class="name">${name}</span>
                                            <a href="#" class="edit">编辑</a>
                                        </p>
                                        <p class="capacity"> ${ml} </p>
                                    </div>
                                    <div class="quantity">
                                        <div class="quantityTop">
                                            <span>数量</span>
                                            <input type="number" class="select cart num num-ipt" value="${v.pnum}" onchange="numChange(this,window.event,${v.pid})">
                                        </div>
                                        <p><a>添加到收藏夹</a>
                                        </p>
                                    </div>
                                    <div class="price">
                                        <div class="priceTop">
                                            ¥<span class="pprice">${v.pprice}</span>
                                        </div>
                                        <p><button onclick="delClick(this,window.event,${v.pid})">删除</button></p>
                                    </div>
                                </div>
                            </div>`;
                    });
                    // console.log(resArr);
                    $(".cart-wrap-left .product-list").append(resArr);
                },
            });
        }

        function delClick(btn, e, pid) {

            console.log(btn, e, pid);
            let uid = localStorage.getItem("uid");
            layer.confirm('是否移除该商品?', { icon: 3, title: '提示' }, function (index) {
                //do somethingZ
                //点确定要执行的代码
                layer.close(index);
                $.ajax({
                    type: "get",
                    url: "http://jx.xuzhixiang.top/ap/api/cart-delete.php",
                    data: {
                        uid,
                        pid,
                    },
                    success: function (res) {
                        console.log(res);
                    },
                });
                loadCartList();
                loadCartList();
                layui.use('layer', function () {
                        var layer = layui.layer;
                        layer.msg('删除成功');
                    });
                    loadCartList();
                    loadCartList();
        });
            }
        function numChange(ipt, e, pid) {
            loadCartList();
                    /*
                           uid  用户id
                           pid  商品id
                           pnum  要添加的商品数量
            
                          */
                    let pnum = $(ipt).val();
                    // console.log($(ipt).val());
                    if ($(ipt).val() < 1) {
                        $(ipt).val(1);
                        alert("不能少于一件");
                    } else {
                        $.ajax({
                            type: "get",
                            url: "http://jx.xuzhixiang.top/ap/api/cart-update-num.php",
                            data: {
                                uid,
                                pid,
                                pnum,
                            },
                            success: function (res) {
                                console.log(res);
                                loadCartList();
                                
                            }
                        });
                    }
                }

        function selectChange(ipt, e, pid) {
            console.log(ipt,  pid);
                    let ipts = document.querySelectorAll(".el-checkbox__original");
                    let iptArr = [...ipts];
                    console.log(iptArr);
                    let selectedArr = iptArr.filter((v) => v.checked == true);
                    let countNum = 0;
                    let countPrice = 0;
                    selectedArr.forEach((v) => {
                        console.log(v.parentNode.parentNode.parentNode.querySelector(".num-ipt"));
                        let pnumIpt = v.parentNode.parentNode.parentNode.querySelector(".num-ipt"); // pnumipt
                        let priceP = v.parentNode.parentNode.parentNode.querySelector(".pprice");
                        let num = parseInt(pnumIpt.value);
                        countNum += num;
                        countPrice += parseFloat(priceP.innerHTML) * num;
                    });
                    $(".all-num").html(countNum);
                    $(".all-price").html(countPrice.toFixed(0));

                    if (selectedArr.length == ipts.length) {
                        //   console.log(selectedArr.length == ipts.length);
                        $(".checkAll").prop("checked", "true");
                        console.log($(".checkAll").prop("checked"));
                    } else if (selectedArr.length !== ipts.length) {
                        $(".checkAll").removeProp("checked", "false");
                        console.log($(".checkAll").prop("checked"));
                    }
                }

        $(".checkAll").change(function () {
                    if ($(".checkAll").prop("checked")) {
                        $(".el-checkbox__original").prop("checked", "true");
                        selectChange();
                    } else if (!$(".checkAll").prop("checked")) {
                        console.log("失败");
                        $(".el-checkbox__original").removeProp("checked", "true");
                        $(".all-num").html(0);
                        $(".all-price").html(0);
                    }
                });
    </script>

    <div class="common-footer">
        <div class="border-bottom-1px">
            <img src="	https://www.kiehls.com.cn/img/pc_footer.1fd0605e.png" alt="" id="pcLogoFooter"
                class="footerContent" />
        </div>
        <div class="introWrapper">
            <ul class="footerContent">
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/官网直售_5a2863dd-fe16-4798-9271-c54ac571a297/官网直售.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>官方直售</p>
                        <p class="subTitle-font">官方直供 正品保证</p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/顺丰包邮_2c97d901-5cf2-4101-aa4d-ed29284c8100/顺丰包邮.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>顺丰包邮</p>
                        <p class="subTitle-font">
                            满100元即可享受此项服务 顺丰不达地区使用其他快递
                        </p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/精美礼盒_da935b46-b0aa-4d89-b814-4c8eb1595eb9/精美礼盒.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>精美礼盒</p>
                        <p class="subTitle-font">
                            甄选精美礼盒包装 尊享官网购物体验
                        </p>
                    </div>
                </li>
                <li>
                    <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/惊喜礼遇_3e8b2bb6-0790-4de1-acd8-48325cbcb101/惊喜礼遇.png"
                        class="icon float-left" />
                    <div class="float_left">
                        <p>惊喜礼遇</p>
                        <p class="subTitle-font">礼遇官网 特惠惊喜</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="menu-box footerContent">
            <div class="menu-cloumn">
                <div class="title">面部护理</div>
                <div class="title-child">洁面/磨砂膏</div>
                <div class="title-child">面膜</div>
                <div class="title-child">明星爽肤水</div>
                <div class="title-child">精华液</div>
                <div class="title-child">乳液/面霜</div>
                <div class="title-child">防晒隔离</div>
                <div class="title-child">眼部/唇部护理</div>
                <div class="title-child">特殊护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">身体护理</div>
                <div class="title-child">身体保湿</div>
                <div class="title-child">身体清洁/去角质</div>
                <div class="title-child">手足护理</div>
                <div class="title-child">香氛</div>
                <div class="title-child">婴儿护理</div>
                <div class="title-child">宠物护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">男士护理</div>
                <div class="title-child">洁面/剃须</div>
                <div class="title-child">爽肤</div>
                <div class="title-child">面部滋养</div>
                <div class="title-child">眼部/唇部护理</div>
                <div class="title-child">造型</div>
                <div class="title-child">其他护理</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">头发护理</div>
                <div class="title-child">洗发水</div>
                <div class="title-child">护发素</div>
                <div class="title-child">修护</div>
            </div>
            <div class="menu-cloumn">
                <div class="title">其他</div>
                <div class="title-child">甄选套组</div>
            </div>
            <div class="contact-box">
                <div class="email-box">
                    <div class="label">订阅电子杂志</div>
                    <div class="content-box">
                        <input placeholder="输入您的邮箱" />
                        <div class="black-btn">立即订阅</div>
                        <span style="display: none">请输入正确的邮箱地址</span>
                        <div class="check-box">
                            <input type="checkbox" />
                            <p>
                                我同意依照本<a target="_blank"
                                    href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a target="_blank"
                                    href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该<a
                                    target="_blank" href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a
                                    target="_blank" href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>的内容。
                            </p>
                        </div>
                        <span style="display: none">请勾选同意</span>
                    </div>
                </div>
                <div id="attachInfo">
                    <div class="attention-box">
                        <div class="label">关注我们</div>
                        <div class="content-box">
                            <div class="icon">
                                <i class="float_left icon_weibo"></i><a href="https://weibo.com/kiehlschina">官方微博</a>
                            </div>
                            <div class="icon">
                                <i class="float_left icon_wechat"></i><a href="javascript:void(0);">官方微信</a>
                                <div class="popup wechat-popup popup-with-right-triangle">
                                    <div class="wechat-box">
                                        <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                                            class="wechatQR" />
                                    </div>
                                </div>
                            </div>
                            <div class="icon">
                                <i class="float_left icon_kstar"></i><a target="_blank">K星人俱乐部</a>
                            </div>
                        </div>
                    </div>
                    <div class="attention-box address">
                        <div class="label">联系我们</div>
                        <p class="add_name">欧莱雅（中国）有限公司</p>
                        <p id="add_address">地址：上海市静安区南京西路1601号</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-box">
            <div>
                <p style="text-align: center">
                    国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。
                </p>
            </div>
            <ul class="copyright_beian">
                <li>
                    <div>
                        <span class="copy-right">© L'Oréal China </span>欧莱雅（中国）有限公司版权所有
                    </div>
                </li>
                <li>
                    <i class="middle_icon"><a target="_blank"
                            href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA="></a></i><a
                        target="_blank"
                        href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA=">中国工商</a><a
                        target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"
                        class="icp-margin">沪ICP备08100043号-15</a>
                </li>
                <li>
                    <i class="right_icon"><a target="_blank"
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527"></a></i><a
                        target="_blank"
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527">沪公网安备
                        31010602001527号
                    </a>
                </li>
                <li><i class="cx-logo"></i></li>
            </ul>
            <div class="service_box">
                <a target="_blank" href="https://policy.lorealchina.com/cookiespolicy">Cookies政策</a><span
                    class="devider">|</span><a target="_blank"
                    href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a><span class="devider">|</span><a
                    target="_blank" href="https://policy.lorealchina.com/privacypolicy">隐私政策</a>
            </div>
        </div>

    </div>


</body>

</html>